<template>
  <svg viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="autoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
        <stop offset="0%" style="stop-color:#10b981;stop-opacity:1" />
        <stop offset="100%" style="stop-color:#059669;stop-opacity:1" />
      </linearGradient>
      <filter id="autoGlow">
        <feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
        <feMerge> 
          <feMergeNode in="coloredBlur"/>
          <feMergeNode in="SourceGraphic"/>
        </feMerge>
      </filter>
    </defs>
    
    <!-- 齿轮1 -->
    <g transform="translate(20,20)">
      <circle cx="0" cy="0" r="12" fill="url(#autoGradient)" filter="url(#autoGlow)"/>
      <circle cx="0" cy="0" r="6" fill="#ffffff"/>
      <!-- 齿轮齿 -->
      <rect x="-2" y="-15" width="4" height="6" fill="url(#autoGradient)"/>
      <rect x="-2" y="9" width="4" height="6" fill="url(#autoGradient)"/>
      <rect x="-15" y="-2" width="6" height="4" fill="url(#autoGradient)"/>
      <rect x="9" y="-2" width="6" height="4" fill="url(#autoGradient)"/>
    </g>
    
    <!-- 齿轮2 -->
    <g transform="translate(40,35)">
      <circle cx="0" cy="0" r="10" fill="url(#autoGradient)" filter="url(#autoGlow)"/>
      <circle cx="0" cy="0" r="5" fill="#ffffff"/>
      <!-- 齿轮齿 -->
      <rect x="-1.5" y="-12" width="3" height="4" fill="url(#autoGradient)"/>
      <rect x="-1.5" y="8" width="3" height="4" fill="url(#autoGradient)"/>
      <rect x="-12" y="-1.5" width="4" height="3" fill="url(#autoGradient)"/>
      <rect x="8" y="-1.5" width="4" height="3" fill="url(#autoGradient)"/>
    </g>
    
    <!-- 连接箭头 -->
    <path d="M 30 25 L 35 30 L 30 35 L 32 30 Z" fill="url(#autoGradient)" opacity="0.8"/>
    
    <!-- 自动化符号 -->
    <circle cx="15" cy="45" r="3" fill="url(#autoGradient)"/>
    <circle cx="30" cy="50" r="3" fill="url(#autoGradient)"/>
    <circle cx="45" cy="45" r="3" fill="url(#autoGradient)"/>
    
    <!-- 连接线 -->
    <path d="M 15 45 Q 22 48 30 50" stroke="url(#autoGradient)" stroke-width="2" fill="none"/>
    <path d="M 30 50 Q 37 48 45 45" stroke="url(#autoGradient)" stroke-width="2" fill="none"/>
  </svg>
</template>

<script setup>
// 自动化图标组件
</script>

<style scoped>
svg {
  width: 100%;
  height: 100%;
}
</style>